﻿@{
    ViewBag.Title = "详情";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<div class="mainCont">
    <div class="reportHead" style="background-color:lightgray;"><span style="margin-left:5px;font-size:18px">Trial 01</span></div>
    <div>
        <div style="float:left;margin-top:5px">产品</div>
        <div style="float:right;text-align:right; margin-top:5px">Product</div>
    </div>
    <div class="dashed" style="border-bottom:3px dashed #e5e5e5;padding:15px"></div>
    <div>
        <div style="float:left;margin-top:5px">农作物</div>
        <div style="float:right;text-align:right; margin-top:5px">农作物A</div>
    </div>
    <div class="dashed" style="border-bottom:3px dashed #e5e5e5;padding:15px"></div>
    <div>
        <div style="float:left;margin-top:5px">实验员</div>
        <div style="float:right;text-align:right; margin-top:5px">张三</div>
    </div>
    <div class="dashed" style="border-bottom:3px dashed #e5e5e5;padding:15px"></div>

    <div>
        <div style="float:left;margin-top:5px">城市</div>
        <div style="float:right;text-align:right; margin-top:5px">昆山</div>
    </div>
    <div class="dashed" style="border-bottom:3px dashed #e5e5e5;padding:15px"></div>
    <div>
        <div style="float:left;margin-top:5px">创建时间</div>
        <div style="float:right;text-align:right; margin-top:5px">2016-10-08</div>
    </div>
    <div class="dashed" style="border-bottom:3px dashed #e5e5e5;padding:15px"></div>
    <div class="report" style="overflow-y:auto;height:150px;margin-top:5px">
        <div class="report-title">Report 01</div>
        <div class="report-image">
            <img src="" />
        </div>
        <div class="report-content">
            Admin could also view the trial detail after he click one trial in the trial list. Below is the trial detail page, the reports of trial is combined in one page. Admin could also approve the trial or disapprove or reminder the promoter in this trial detail page.
            Admin could also view the trial detail after he click one trial in the trial list. Below is the trial detail page, the reports of trial is combined in one page. Admin could also approve the trial or disapprove or reminder the promoter in this trial detail page.
            Admin could also view the trial detail after he click one trial in the trial list. Below is the trial detail page, the reports of trial is combined in one page. Admin could also approve the trial or disapprove or reminder the promoter in this trial detail page.
            Admin could also view the trial detail after he click one trial in the trial list. Below is the trial detail page, the reports of trial is combined in one page. Admin could also approve the trial or disapprove or reminder the promoter in this trial detail page.

        </div>
        <div class="dashed" style="border-bottom:3px dashed #e5e5e5;padding:15px"></div>

    </div>
    <div class="text-c paneBtnArea"style="text-align:right;margin:20px;">
        <button type="button" class="btn btn-default" style="background-color:gray">批准</button>
        <button type="button" class="btn btn-default" style="background-color:gray">退回</button>

    </div>
</div>
<style type="text/css">
    .mainCont {
        position: absolute;
        left: 220px;
        right: 0;
        top: 100px;
        /*padding-right: 20px;*/
        min-width: 940px;
        overflow: hidden;
        padding: 0 100px;
    }
</style>